<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head th:replace="top::html"/> <!-- 引入样式 -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>专家详情页面</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<body class="fixed hold-transition skin-blue">

	<div class="wrapper">
	
		<!-- 引入表头 -->
		<div th:replace="tophtml::html"></div>
		<!-- 引入左边 -->
		<div th:replace="left::html"></div>

		<!-- 右侧修改功能 -->
		<div class="content-wrapper">
			<!-- 页眉 -->
			<section class="content-header">
				<div class="audit_k">
					<span>专家详细信息</span>
					<a id="anchorDemand" style="margin-left: 10px;" href="javascript:void(0);selectAnchor('anchor1');">专家已匹配需求</a>
					<a id="anchorConference" style="margin-left: 10px;" href="javascript:void(0);selectAnchor('anchor2');">专家参会情况</a>
					<a style="margin-left: 10px;" href="javascript:void(0);selectAnchor('anchor3');" onclick="document.getElementById('anchor3').scrollIntoView()" >专家未匹配需求</a>
					<a id="relevanceProject" style="margin-left: 10px;" href="javascript:void(0);selectAnchor('anchor4');">专家关联的项目</a>
					<a id="relevanceDemand" style="margin-left: 10px;" href="javascript:void(0);selectAnchor('anchor5');">专家关联的需求</a>
					<a th:if="${not #strings.isEmpty(param.demId)} and ${#lists.isEmpty(buttDetailList)}" id="matchData" href="javascript:void(0)">
						<input type="hidden" th:value="'demandId='+${demand.pid}+'&demandNumber='+${demand.demandNumber}+'&demandName='+${demand.demandName}+'&expertId='+${person.pid}+'&expertNumber='+${#strings.replace(person.expertNumber, 'E', '')}+'&name='+${person.name}">匹配该需求
					</a>
				</div>
				<ol class="breadcrumb">
					<li><a href="/index"><i class="fa fa-dashboard"></i>用户中心</a></li>
					<li><a href="/person/findPersonList">专家管理</a></li>
					<li><a th:href="@{/person/personDetails(pid=${person.pid})}">专家详细信息</a></li>
				</ol>
			</section>
			<section class="content container-fluid">
				<!-- 右侧列表部分 -->
				<table class="table" id="details">
					<tbody>
						<tr>
							<td width="7%">姓    名：</td>
							<td th:text="*{person.name}"></td>
							<td width="7%">专家ID：</td>
							<td th:text="'E'+*{person.expertNumber}"></td>
						</tr>
						<tr>
						<td>领    域：</td>
							<td th:text="*{not #strings.isEmpty(person.researchField)} and *{#strings.length(person.researchField)} > 20 ? *{#strings.substring(person.researchField, 0, 20)}+'...' : *{person.researchField}" 
                       		th:title="*{person.researchField}">
                       	</td>
						<td>专    业：</td>
						<td th:text="*{not #strings.isEmpty(person.professionaField)} and *{#strings.length(person.professionaField)} > 50 ? *{#strings.substring(person.professionaField, 0, 50)}+'...' : *{person.professionaField}" 
                       			th:title="*{person.professionaField}">
                       	</td>						
						</tr>

						<tr>
						<tr th:with="isShow=${isLook}==1 and ${isSign}==0">
							<td>联系方式:<td>
							<td colspan="2">
								手机：<span th:with="len=${#strings.isEmpty(person.tell)} ? 0 : ${#strings.length(person.tell)}" th:text="${not isShow} and ${len}>4 ? ${#strings.substring(person.tell, 0, len/2-2)}+'****'+${#strings.substring(person.tell, len/2+2, len)} : ${person.tell}"></span>&nbsp;&nbsp;&nbsp;&nbsp;
								邮箱：<span th:text="${not isShow} and ${not #strings.isEmpty(person.email)} and ${#strings.length(person.email)}>4 ? '****'+${#strings.substring(person.email, 4, #strings.length(person.email))} : ${person.email}"></span>&nbsp;&nbsp;&nbsp;&nbsp;
								微信：<span th:text="${not isShow} and ${not #strings.isEmpty(person.wechat)} and ${#strings.length(person.wechat)}>3 ? '***'+${#strings.substring(person.wechat, 3, #strings.length(person.wechat))} : ${person.wechat}"></span>&nbsp;&nbsp;&nbsp;&nbsp;
								固定电话：<span th:with="len=${#strings.isEmpty(person.fixedPhone)} ? 0 : ${#strings.length(person.fixedPhone)}" th:text="${not isShow} and ${len}>4 ? ${#strings.substring(person.fixedPhone, 0, len/2-2)}+'****'+${#strings.substring(person.fixedPhone, len/2+2, len)} : ${person.fixedPhone}"></span>&nbsp;&nbsp;&nbsp;&nbsp;
								其他联系方式：<span th:text="${not isShow} and ${not #strings.isEmpty(person.otherContact)} and ${#strings.length(person.otherContact)}>3 ? '***'+${#strings.substring(person.otherContact, 3, #strings.length(person.otherContact))} : ${person.otherContact}"></span>

							</td>
						</tr>
						<tr>
                       		<td>收集人：</td>
							<td th:text="*{user.fullName}"></td>
							<td>录入时间：</td>
							<td th:text="*{person.entryTime}"></td>	
						</tr>
						<tr class="row1" style="display: none;">
							<td>最高学历：</td>
							<td th:text="*{person.maxEducation}"></td>
							<td>毕业院校及所学专业：</td>
							<td th:text="*{person.schoolAndMajor}"></td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>单位：</td>
							<td th:text="*{person.unit}"></td>
							<td>职务(职称)：</td>
							<td th:text="*{person.title}"></td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>籍贯：</td>
							<td th:text="*{person.birthPlace}"></td>
							<td>教育背景：</td>
							<td th:text="*{not #strings.isEmpty(person.education)} and *{#strings.length(person.education)} > 20 ? *{#strings.substring(person.education, 0, 20)}+'...' : *{person.education}" 
                       			th:title="*{person.education}">
                       		</td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>工作经历：</td>
							<td th:text="*{not #strings.isEmpty(person.workExp)} and *{#strings.length(person.workExp)} > 20 ? *{#strings.substring(person.workExp, 0, 20)}+'...' : *{person.workExp}" 
                       			th:title="*{person.workExp}">
                       		</td>
							<td>荣誉奖励：</td>
							<td th:text="*{not #strings.isEmpty(person.honorAward)} and *{#strings.length(person.honorAward)} > 20 ? *{#strings.substring(person.honorAward, 0, 20)}+'...' : *{person.honorAward}" 
                       			th:title="*{person.honorAward}">
                       		</td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>科技成果：</td>
							<td th:text="*{not #strings.isEmpty(person.technica)} and *{#strings.length(person.technica)} > 20 ? *{#strings.substring(person.technica, 0, 20)}+'...' : *{person.technica}" 
                       			th:title="*{person.technica}">
                       		</td>
							<td>专家类型：</td>
							<td th:text="*{person.typeWorth}"></td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>国内国外：</td>
							<td th:text="*{person.domesticOrForeign == 0 ? '国内' : '国外'}"></td>
							<td>专家来源：</td>
							<td th:text="*{person.sourceWorth}"></td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>所在地区：</td>
							<td th:text="*{person.areaWorth}"></td>
							<td>人才级别：</td>
							<td th:text="*{not #strings.isEmpty(person.talentLevel)} and *{#strings.length(person.talentLevel)} > 20 ? *{#strings.substring(person.talentLevel, 0, 20)}+'...' : *{person.talentLevel}" 
                       			th:title="*{person.talentLevel}">
                       		</td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>附件：</td>
							<td >
           						<a th:if="${person.annex}" th:href="@{'/person/downloadPerson?fileName='+${person.annex}}">专家附件</a>
           					</td>
           					<td>性别：</td>
           					<td th:text="${person.sex == null ? '' : person.sex == 0 ? '男' : '女'}">男</td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>出生日期：</td>
							<td th:text="*{person.birth}"></td>
							<td>离退休状态：</td>
                       		<td th:each="dic : ${personRetireDictiontryList}" th:if="${dic.pid == person.retireStatus}" th:text="${dic.worth}"></td>							
						</tr>
						<tr class="row1" style="display: none;">
							<td title="引用信息来源链接">来源链接：</td>
							<td colspan="3" th:text="*{person.website}"></td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>个人简介：</td>
							<td colspan="3" th:text="*{not #strings.isEmpty(person.personInfo)} and *{#strings.length(person.personInfo)} > 20 ? *{#strings.substring(person.personInfo, 0, 20)}+'...' : *{person.personInfo}" 
                       						th:title="*{person.personInfo}"></td>
						</tr>
						<tr class="row1" style="display: none;">
							<td>备注1：</td>
							<td th:text="*{person.remark1}"></td>
							<td>备注2</td>
							<td th:text="*{person.remark2}"></td>
						</tr>
						<tr>
							<!-- 显示/隐藏专家部分信息 -->
							<td colspan="4" style="text-align: center;">
								<input type="button" id="more" value="更多信息"/>
								<a style="margin-left: 10px;" th:with="url=@{/person/personDetails(lookExpert=1,pid=${person.pid})}" th:href="'javascript:lookExpert(\''+${url}+'\')'">查看联系方式</a>
								<input id="lookExpertPwd" type="text" placeholder="输入密码后查看">
							</td>
						</tr>
					</tbody>
				</table>
            	<!-- 专家已匹配需求 -->
            	<div id="buttDemand" style="display: none;">
					<div class="menuTitle2" style="margin: 10px 0 0 0">
						<span style="padding-top: 60px; color:black;"><a style="color:black;font-size: 14px; font-weight: bolder;" th:name="anchor1" id="anchor1">专家已匹配需求</a></span>
						<span><a th:href="@{/person/findButtDetailsList(pid=${person.pid})}" style="color: #ff3300;font-weight: bold">More &gt;&gt;</a></span>
					</div>
					<div class="menuContent2">
						<div class="outside_t" style="margin: 10px 0 0 0">
							<table id="person" class="table table-bordered">
								<tbody>
									<tr>
										<th>对接介绍</th>
						                <th>负责人</th>
						                <th>对接时间</th>
						                <th>对接状态</th>
						                <th>对接详情</th>
						                <th>对接附件</th>
						                <th>操作</th>
									</tr>
									<tr th:each="collect,iterStat : ${pageInfo1.list}">
										<td>
							                <p style="font-weight:normal;" th:text="${collect.expertName}"></p>
							                <!-- 需求名称 -->
							                <p th:text="${not #strings.isEmpty(collect.demandName)} and ${#strings.length(collect.demandName)} > 20 ? ${#strings.substring(collect.demandName, 0, 20)}+'...' : ${collect.demandName}" 
	                            			   th:title="${collect.demandName}"></p>
							                <p style="font-weight:normal;" th:text="${collect.projectName}"></p>
							                <p style="font-weight:normal;" th:text="${collect.customerName}"></p>
							                <p style="font-weight:normal;" th:text="${collect.confName}"></p>
							            </td>
							            <td th:text="${collect.buttName}"></td>
							            <td th:text="${collect.buttDataTime}"></td>
						                <td th:if="${collect.buttStatus==1}">沟通对接需求</td>
						               	<td th:if="${collect.buttStatus==2}">已签合作协议</td>
						                <td th:if="${collect.buttStatus==3}">执行对接任务</td>
						                <td th:if="${collect.buttStatus==4}">完成对接需求</td>
						                <!-- 对接详情 -->
	                					<td th:text="${not #strings.isEmpty(collect.buttDetails)} and ${#strings.length(collect.buttDetails)} > 20 ? ${#strings.substring(collect.buttDetails, 0, 20)}+'...' : ${collect.buttDetails}" 
	                            			th:title="${collect.buttDetails}"></td>
	                					<td >
	                						<a  th:if="${collect.buttaNnex}" th:href="@{'/person/download?fileName='+${collect.buttaNnex}}">对接附件</a>
	                					</td>
	               	  					<td>
	               	  					<span th:if="${not #strings.contains(collect.buttDetails,'第一次匹配未联系!')}">
	               	  						<a th:href="@{/person/findHistoryButtDetails1(pid=${collect.pid})}">查看历史详情</a>|
	               	  						</span>
	               	  						<a th:href="@{/person/addDetailsView1(pid=${collect.pid})}">添加对接详情</a>
	               	  					</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
	        	<!-- 专家参会情况 -->
	        	<div id="buttConference" style="display: none;">
					<div class="menuTitle2">
						<span style="padding-top: 60px; color:black;"><a style="color:black;font-size: 14px; font-weight: bolder;" th:name="anchor2" id="anchor2" >专家参会情况</a></span>
						<span><a th:href="@{/person/mateConference(pid=${person.pid})}" style="color: #ff3300;font-weight: bold">More &gt;&gt;</a></span>
					</div>
					<div class="menuContent2">
						<div class="outside_t" style="margin: 10px 0 0 0">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<th>活动Id</th>
										<th>活动名称</th>
										<th>开始时间</th>
									    <!-- <th>结束时间</th> -->
										<th>所属领域</th>
										<th>执行团队</th>
										<th>所在地区</th>
									</tr>
									<tr th:each="conference,conferenceIndex : ${pageInfo2.list}">
										<td title="查看会议详情">
	                                        <a th:href="@{'/conference/showDetail?conferenceId='+${conference.pid}}" th:text="'A'+${conference.conferenceNumber}"></a>
	                                    </td>
										<!-- 活动名称 -->
	                					<td>
		                					<a th:href="${conference.conferenceWebSite}" th:text="${not #strings.isEmpty(conference.conferenceName)} and ${#strings.length(conference.conferenceName)} > 20 ? ${#strings.substring(conference.conferenceName, 0, 20)}+'...' : ${conference.conferenceName}" 
		                            			th:title="${conference.conferenceName}" target="_blank"></a>
	                            		</td>
										<td th:text="${conference.conferenceDateTime}"></td>
										<!-- <td th:text="${conference.conferenceBeginTime}"></td> -->
										<!-- 所属领域 -->
										<td th:text="${not #strings.isEmpty(conference.researchFieldNameStr)} and ${#strings.length(conference.researchFieldNameStr)} > 20 ? ${#strings.substring(conference.researchFieldNameStr, 0, 20)}+'...' : ${conference.researchFieldNameStr}" 
	                            			th:title="${conference.researchFieldNameStr}"></td>
	                            		<td th:text="${conference.tearm}"></td>
										<td th:attr="title=${conference.areaNameStr}" th:text="${conference.areaNameArray}"></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<!-- 专家未匹配需求 -->
				<div class="menuTitle2">
					<span style="padding-top: 60px; color:black;"><a style="color:black;font-size: 14px; font-weight: bolder;" th:name="anchor3" id="anchor3" >专家未匹配需求</a> </span>
					<span><a th:href="@{'/person/mateDemandView?pid='+${person.pid}+'&expertNumber='+${person.expertNumber}+'&name='+${person.name}}" 
							 style="color: #ff3300;font-weight: bold">More &gt;&gt;</a>
					</span>
				</div>
				<div class="menuContent2">
					<div class="outside_t" style="margin: 10px 0 0 0">
						<!--  <div class="box-header with-border">
							<h3 class="box-title">
								<button class="btn btn-primary" id="dosubmit">匹配</button>
							</h3>
						</div>-->
						<table class="table table-bordered">
							<tbody>
								<tr>
									<th></th>
									<th>需求id</th>
									<th>需求名称</th>
                                    <th>需求类型</th>
                                    <th>需求状态</th>
                                    <th>需求联系人</th>
                                    <th colspan="2" >操作</th>
								</tr>
								<tr  th:each="demand : ${pageInfo?.list}" th:class="${not #lists.isEmpty(buttedDemandIdList)} and ${#lists.contains(buttedDemandIdList, demand.demandId)} ? butt-gray">
									<td>
										<input type="checkbox" class="matched" th:disabled="${not #lists.isEmpty(buttedDemandIdList)} and ${#lists.contains(buttedDemandIdList, demand.demandId)} ? butt-gray" 
											   th:value="'demandId='+${demand.demandId}+'&demandNumber='+${#strings.replace(demand.demandNumber, 'D', '')}+'&demandName='+${demand.demandName}+
											   '&personId='+${person.pid}+'&expertNumber='+${person.expertNumber}+'&name='+${person.name}" />
									</td>
									<td title="查看需求详情">
                                        <a th:href="@{'/person/demandDetail?demandId='+${demand.demandId}}" th:text="${demand.demandNumber}"></a>
                                    </td>
                                    <td th:text="${not #strings.isEmpty(demand.demandName)} and ${#strings.length(demand.demandName)} > 20 ? ${#strings.substring(demand.demandName, 0, 20)}+'...' : ${demand.demandName}" 
                            			th:title="${demand.demandName}">
                            		</td>
                                    <td th:text="${demand.demandType}"></td>
                                    <td th:text="${demand.demandStatus}"></td>
									<td>
										<a th:href="@{'/person/personDetails?pid='+${demand.demandContactId == null ? '' : demand.demandContactId}}" 
										   th:text="${demand.demandContactName == 'null' ? '' : demand.demandContactName}">联系人</a>
									</td>
									<td>
										<a href="javascript:void(0);" th:class="${not #lists.contains(buttedDemandIdList, demand.demandId)} ? singleMatch">匹配</a>
									</td>
								</tr>
								<tr>
									<td><input id="all" type="checkbox" th:disabled="${not #lists.isEmpty(buttedDemandIdList)}" />All</td>
									<td><button class="btn btn-primary" id="dosubmit">批量匹配</button></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<!-- 专家关联的项目 -->
				<div id="relevanceProject1" style="display: none;">
					<div class="menuTitle2">
						<span style="padding-top: 60px; color:black;"><a style="color:black;font-size: 14px; font-weight: bolder;" th:name="anchor4" id="anchor4" >专家关联的项目</a> </span>
					</div>
					<div class="menuContent2">
						<div class="outside_t" style="margin: 10px 0 0 0;"></div>
						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs">
								<li class="active">
									<a href="#tab_1" data-toggle="tab" aria-expanded="true">
										<font style="vertical-align: inherit;">联系人</font>
									</a>
								</li>
								<li class="">
									<a href="#tab_2" data-toggle="tab" aria-expanded="false">
										<font style="vertical-align: inherit;">持有人</font>
									</a>
								</li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="tab_1">
									<table class="table table-bordered">
										<tbody>
											<tr>
												<th>项目ID</th>
												<th>项目名称</th>
												<th>项目类型</th>
												<th>项目状态</th>
											</tr>
											<tr th:each="project : ${pageInfo4.list}">
			                                    <td title="查看项目详情">
			                                        <a th:href="@{'/project/showDetail?projectId='+${project.pid}}" th:text="'R' + ${project.projectNumber}"></a>
			                                    </td>
			                                    <td th:text="${#strings.length(project.projectName)} > 10 ? ${#strings.substring(project.projectName, 0, 10)}+'...' : ${project.projectName}" th:title="${project.projectName}"></td>
			                                    <td th:text="${project.projectType}"></td>
			                                    <td th:text="${project.projectStatusWorth}"></td>
			                                </tr>
										</tbody>
									</table>
								</div>
								<div class="tab-pane" id="tab_2">
									<table class="table table-bordered">
										<tbody>
											<tr>
												<th>项目ID</th>
												<th>项目名称</th>
												<th>项目类型</th>
												<th>项目状态</th>
											</tr>
											<tr th:each="project : ${pageInfo5.list}">
			                                    <td title="查看项目详情">
			                                        <a th:href="@{'/project/showDetail?projectId='+${project.pid}}" th:text="'R' + ${project.projectNumber}"></a>
			                                    </td>
			                                    <td th:text="${#strings.length(project.projectName)} > 10 ? ${#strings.substring(project.projectName, 0, 10)}+'...' : ${project.projectName}" th:title="${project.projectName}"></td>
			                                    <td th:text="${project.projectType}"></td>
			                                    <td th:text="${project.projectStatusWorth}"></td>
			                                </tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 专家关联的需求 -->
				<div id="relevanceDemand1" style="display: none;">
					<div class="menuTitle2">
						<span style="padding-top: 60px; color:black;"><a style="color:black;font-size: 14px; font-weight: bolder;" th:name="anchor5" id="anchor5" >专家关联的需求</a></span>
					</div>
					<div class="menuContent2">
						<div class="outside_t" style="margin: 10px 0 0 0">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<th>需求id</th>
										<th>需求名称</th>
	                                    <th>需求类型</th>
	                                    <th>需求状态</th>
									</tr>
									<tr th:each="demand : ${pageInfo3.list}">
										<td title="查看需求详情">
	                                        <a th:href="@{'/person/demandDetail?demandId='+${demand.pid}}" th:text="'D' + ${demand.demandNumber}"></a>
	                                    </td>
	                                    <td th:text="${not #strings.isEmpty(demand.demandName)} and ${#strings.length(demand.demandName)} > 20 ? ${#strings.substring(demand.demandName, 0, 20)}+'...' : ${demand.demandName}" 
	                            			th:title="${demand.demandName}">
	                            		</td>
	                                    <td th:text="${demand.demandType}"></td>
	                                    <td th:text="${demand.demandStatusWorth}"></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<!-- 按钮 -->
				<div class="box-footer">
					<a href="/person/findPersonList" class="btn btn-primary">返回主页面</a>
                   	<a title="专家匹配需求" class="btn btn-primary" th:href="@{'/person/mateDemandView?pid='+${person.pid}+
                   			 '&expertNumber='+${person.expertNumber}+'&name='+${person.name}}">匹配</a>
                   	<a title="专家参加会议情况" class="btn btn-primary" th:href="@{/person/mateConference(pid=${person.pid})}">参会</a>
                   	<a class="btn btn-primary" th:href="@{/person/updateView(pid=${person.pid})}">修改</a>
                   	<a class="btn btn-primary" href="javascirpt:void(0)" th:onclick="'javascript:subscribe(\''+${person.pid}+'\',4)'">关注</a>
                   	<button type="button" class="btn btn-primary" onclick="window.history.go(-1)">返回上一级</button>
				</div>
			</section>
			<!-- 置顶按钮 -->
			<a href="#0" class="cd-top">Top</a>
		</div><!-- 右侧修改功能结束 -->
		
		<!-- 引入页脚 -->
		<div th:replace="footer::html"></div>
		<div class="control-sidebar-bg"></div> 
	</div>

	<!-- 引入js -->
	<div th:replace="bottom::html" ></div>
</body>
	<script type="text/javascript"  th:inline="javascript">
		//匹配  异步请求没有刷新页面  当匹配成功后需刷新才能看到匹配详情
		matchButt([[@{/person/pipei}]]);
		
		//单个匹配
		$("a.singleMatch").one("click", function() {
        	$(this).closest("tr").find(":checkbox").prop("checked", true);
        	matching([[@{/person/pipei}]]);
        });
		
		//隐藏和显示专家部分信息
		$(document).on('click', '#more', function () {
			var row = $("tr[class='row1']");  
            for(i = 0; i < row.length; i++){ 
				if(row[i].style.display == 'none'){
					row[i].style.display = ''; 	
					$(this).val('收回');
				}else{
					row[i].style.display = 'none';
					$(this).val('更多信息');
				}
			} 
		})
		
		//显示和隐藏专家已匹配需求列表
		$(document).on('click', '#anchorDemand', function () {
			var anchor = document.getElementById('anchor1');
			var buttDemand = document.getElementById('buttDemand');
			if(buttDemand.style.display == 'none'){
				buttDemand.style.display = '';
				anchor.scrollIntoView();
			}else{
				buttDemand.style.display = 'none';
			}
		})
		
		//显示和隐藏专家参会情况列表
		$(document).on('click', '#anchorConference', function () {
			var anchor = document.getElementById('anchor2');
			var buttConference = document.getElementById('buttConference');
			if(buttConference.style.display == 'none'){
				buttConference.style.display = '';
				anchor.scrollIntoView();
			}else{
				buttConference.style.display = 'none';
			}
		})
		
		//显示和隐藏专家关联的项目
		$(document).on('click', '#relevanceProject', function () {
			var anchor = document.getElementById('anchor4');
			var relevanceProject = document.getElementById('relevanceProject1');
			if(relevanceProject.style.display == 'none'){
				relevanceProject.style.display = '';
				anchor.scrollIntoView();
			}else{
				relevanceProject.style.display = 'none';
			}
		})
		
		//显示和隐藏专家关联需求
		$(document).on('click', '#relevanceDemand', function () {
			var anchor = document.getElementById('anchor5');
			var relevanceDemand = document.getElementById('relevanceDemand1');
			if(relevanceDemand.style.display == 'none'){
				relevanceDemand.style.display = '';
				anchor.scrollIntoView();
			}else{
				relevanceDemand.style.display = 'none';
			}
		})
		
		$("#matchData").one("click", function() {
        	var data = $(this).find("input").val();
        	matchWithData([[@{/person/demandMatchExpert}]], data);
        });
		
	</script>
</html>